<template>
	<uni-popup ref="openingParking_pop">
		<view class="openingParking4s">
			<view class="title">
				开通车位
			</view>
			<view class="openingParking_content">
				<image class="black_1" src="../../static/index/chewei_left.png">
				</image>
				
				<view class="black_2">
					<text class="text1">开通位</text>
					<text class="text2">{{item.name}}</text>
					<text class="text1">需支付</text>
					<text class="text2">{{item.price}}U</text>
					<view class="text1">是否确认开通？</view>
				</view>
				<view class="black_3" @click="toopeningParking()">
					<text class="text1">确认开通</text>
				</view>
			</view>
		</view>
		<view style="height: 20px;"></view>
		<view class="bottom">
			<image class="close" @click="close" src="/static/my/close2.png"></image>
		</view>
		<pay ref="pay"></pay>
	</uni-popup> 
</template>

<script>
	import pay from '@/components/pay/pay.vue'
	export default {
		comments:{
			pay
		},
		name:"openingParking",
		data() {
			return {
				current:0,
				item:{}
			};
		},
		methods:{
			open(item){
				this.item =item
				this.$refs.openingParking_pop.open()
			},close(){
				this.$refs.openingParking_pop.close()
			},
			toopeningParking(){
				// this.close() 
				this.$refs.pay.open(2,this.item)
			},
		}
	}
</script>

<style scoped lang="less">
.openingParking4s{
	background: linear-gradient(295deg, #D2823A 0%, #EF9164 100%);
	border-radius: 10px;
	padding: 2px;
	text-align: center;
	width: 650rpx;
	.openingParking_content{
		background-color: #F9F3E5;
		border-radius: 10px;
	}
	.title{
		text-align: center;
		font-size: 49rpx;
		font-weight: 800;
		color: #FFFFFF;
		padding: 5px;
	}
	
	.black_1{
		width: 200px;
		height: 120px;
		margin: 25px 10px 0px 10px ;
	}
	
	.inputs{
			margin: auto;
			width: 80%;
			padding: 5px 0px;
			border: 1px solid #FFE6D5;
			font-size: 30rpx;
			font-weight: 400;
			background: #DDD2C8;
			border-radius: 40px;
			text-align: center;
		}
	.black_2{
		margin-top: 10px;
		font-size: 25rpx;
		font-weight: 400;
		color: #242424;
		.text2{
			color: #FE903D;
		}
	}
	
	.black_3{
		padding: 35px 10px 40px 10px;
		.text1{
			font-size: 32rpx;
			font-weight: bold;
			color: #FFFFFF;
			background: #FE903D;
			border-radius: 18rpx;
			padding: 10px 38px;
		}
	}
}

.bottom{
	text-align: center;
}
.close{
	text-align: center;
	margin: auto;
	width: 30px;
	height: 30px;
}
</style>


